.main {
  width: 980px;
  height: 455px;
  margin-left: 220px;
  margin-top: 10px;
}

.focus {
  position: relative;
  float: left;
  width: 721px;
  height: 455px;
  // background-color: purple;
  overflow: hidden;
  cursor: pointer;

  .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    width: 40px;
    height: 70px;
    color: rgba(204, 204, 204, 0.5);
    &:hover {
      background-color: rgba(204, 204, 204, 0.6);
      color: #ddd;
    }
  }
  .swiper-pagination {
    span {
      width: 8px;
      height: 8px;
      background-color: rgba(255, 255, 255, 0.6);
      border: 2px rgba(255, 255, 255, 0.4) solid;
    }
  }
}

.newsflash {
  float: right;
  width: 250px;
  height: 455px;

  .news {
    height: 165px;
    border: 1px solid #e4e4e4;

    .news-hd {
      height: 33px;
      line-height: 33px;
      border-bottom: 1px dotted #e4e4e4;
      padding: 0 15px;
      h5 {
        float: left;
        font-size: 14px;
      }
      .more {
        float: right;
        &::after {
          font-family: 'icomoon';
          content: '\e920';
        }
      }
    }

    .news-bd {
      padding: 5px 15px 0;
      ul li {
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
  }

  .lifeservice {
    overflow: hidden;
    height: 209px;
    /* background-color: purple; */
    border: 1px solid #e4e4e4;
    border-top: 0;
    ul {
      width: 252px;
      li {
        float: left;
        width: 63px;
        height: 71px;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        text-align: center;
        i {
          display: inline-block;
          width: 24px;
          height: 28px;
          background-color: pink;
          margin-top: 12px;
          background: url(../images/icons.png) no-repeat -19px -15px;
        }
      }
    }
  }
  .bargain {
    margin-top: 5px;
  }
}

/* 推荐模块 */
.recom {
  height: 163px;
  background-color: #ebebeb;
  margin-top: 12px;
  .recom_hd {
    float: left;
    height: 163px;
    width: 205px;
    background-color: #5c5251;
    text-align: center;
    padding-top: 30px;
  }
  .recom_bd {
    float: left;
    ul {
      li {
        position: relative;
        float: left;
        img {
          width: 248px;
          height: 163px;
        }
      }
      li:nth-child(-n + 3)::after {
        content: '';
        position: absolute;
        right: 0;
        top: 10px;
        width: 1px;
        height: 145px;
        background-color: #ddd;
      }
    }
  }
}

/* 家用电梯模块 */
.floor .w {
  margin-top: 30px;
}
.box_hd {
  height: 30px;
  border-bottom: 2px solid #c81623;
  h3 {
    float: left;
    font-size: 18px;
    color: #c81623;
    font-weight: 400;
  }
  .tab_list {
    float: right;
    line-height: 30px;
    ul {
      li {
        float: left;
        a {
          margin: 0 15px;
        }
      }
    }
  }
}

.box_bd {
  height: 361px;
  .tab_list_item > div {
    float: left;
    height: 361px;
  }
  .col_210 {
    width: 210px;
    background-color: #f9f9f9;
    text-align: center;
    ul {
      padding-left: 12px;
      li {
        float: left;
        width: 85px;
        height: 34px;
        border-bottom: 1px solid #ccc;
        text-align: center;
        line-height: 33px;
        margin-right: 10px;
      }
    }
  }
  .col_329 {
    width: 329px;
  }
  .col_221 {
    width: 221px;
    border-right: 1px solid #ccc;
  }
  .col_219 {
    width: 219px;
    .bb {
      /* 一般情况下，a如果包含有宽度的盒子，a需要转为块级元素 */
      display: block;
      border-bottom: 1px solid #ccc;
    }
  }
}
